<template>
  <div class='entry'>
      <div class="content" @click="">
          <div class="arrow" @click="toAbout"><img src="~assets/img/箭头.png" alt=""></div>
                  <p class="well">well come here my friends</p>
                  <div>to feurture</div>
          
      
      </div>
</div>
</template>

<script>

export default {
name:'Entry',
methods:{
      toAbout() {
    this.$router.push({path:'/about',
                          // query:{
                          //   name:'koby',
                          //   age:18
                          // }
                          })
  }
},
data() {
    return {
        show(){
            
            const name = prompt('谁在打滚')
            console.log(name);
            if (name ==="向桂林"){
                alert('你对了')
            }
            else{
                alert('错啦')
            }
        }
        
    }
},
}
</script>

<style  scoped>
.arrow img {
    
    width: 100%;
    height: 100%;
}
    .arrow{
        top: 50%;
        position: absolute;
        right: 0;
        height: 50px;
        width: 50px;
        overflow: hidden;
    }
    .content{
        width: 100%;
           position: relative;
        width: 100%;
        height: 100vh;
        background: url(../../assets/img/6.jpg) no-repeat;
        background-attachment: fixed;
        background-size: 100% auto;
    }
    .well::before{
        position: relative;
        left: 50%;
        transform: translate(-50%);
        bottom: 10px;
        content: "";
        width: 10rem;
        border-bottom: 5px solid orange;
        display: block;
    }
    .well{
            font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     
        text-align: center;
        color: #fff;
        position: relative;
        top: 30%;
        
     
        font-size: 3rem;
       
    }
    .hope{
        width: 100%;
        text-align: center;
        font-size: 2rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%);
        top: 40%;
    }
</style>